<template>
  <div>黑马92期--{{ count }}</div>
  <div>
    <button @click="updateCount">修改count</button>
  </div>
</template>

<script>
// vue3 从发展到现在使用的流程，经历多很多改动，我们现在这节课就是学他之前的旧语法
export default {
  // 1.setup就是一个生命周期函数，比beforeCreate还早
  // 2.setup不需要使用this，也不能使用
  setup() {
    console.log('1--setup');
    console.log(1, this);
  },
  beforeCreate() {
    console.log('2---beforeCreate');
  },
  mounted() {
    console.log('3--mounted', this);
  },
};
</script>
